<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String filePath = basePath+"/view/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Lexy - 个人博客 </title>
    
   	<link href="view/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="view/bac/css/font-awesome.min.css" rel="stylesheet">
    <link href="view/bac/css/animate.css" rel="stylesheet">
    <link href="view/bac/css/style.css" rel="stylesheet">
    
   	 <link href="view/rec/index/css/mocha.min.css" rel="stylesheet">
	 <link href="view/rec/index/css/test.css" rel="stylesheet">
	 <link href="view/rec/index/css/index1.css" rel="stylesheet">
   	
    <style type="text/css">
    	#blog-content img{max-width:100%}
    </style>

</head>
<body class=" gray-bg top-navigation">
		<div id="wrapper"  >
			<div id="page-wrapper" class="gray-bg">
				<div class="row border-bottom white-bg navbar-fixed-top">
					<nav class="navbar navbar-static-top" role="navigation">
	                    <div class="navbar-header">
	                        
											<div class="panel-header " style=" position: absolute; top:px;width:100%;background-color: #1ab394; height:100%;margin:0px;z-index:2000 " ><!--  -->
	        <button class="btn-hamburger js-slideout-toggle  " ></button>
	      </div>
	                    </div>
	                    <div class="navbar-collapse collapse" id="navbar">
							<ul class="nav navbar-top-links navbar-right">
								<li>
									<a id="sgin-in-model" class="layout-top">
										<span>
											<i class="fa fa-sign-in"></i>登录</span>
									</a>
								</li>
							</ul>
						</div>
	                </nav>
				</div>
			</div>
		</div>
			<nav id="menu" class="menu">
		      <a href="https://github.com/mango/slideout" target="_blank">
		        <header class="menu-header">
		          <span class="menu-header-title">标签云</span>
		        </header>
		      </a>
		
		      <section class="menu-section">
		        <h3 class="menu-section-title">Docs</h3>
		        <ul class="menu-section-list">
		          <li><a href="https://github.com/mango/slideout#installation" target="_blank">Installation</a></li>
		          <li><a href="https://github.com/mango/slideout#usage" target="_blank">Usage</a></li>
		          <li><a href="https://github.com/mango/slideout#api" target="_blank">API</a></li>
		          <li><a href="https://github.com/mango/slideout#npm-scripts" target="_blank">npm-scripts</a></li>
		        </ul>
		      </section>
		    </nav>
			<main id="panel" class="panel" style="margin-left:-8px">

			<div id="wrapper wrapper-content animated fadeInUp" style="width:80%;margin-left:5%;margin-top: 80px;">
		    	<div class="row" style="display: hidden; padding:0px 0px 10px 10px">
		        	<div class="col-sm-3 " style=" ">
						<div class="ibox">
							<div class="ibox-title">
								<h5>标签</h5></div>
							<div class="ibox-content" style="padding:0px 0px 10px 10px">
								<div id="label-list">
									<button class="btn btn-white btn-xs margin-top" type="button">速比涛</button>
									<button class="btn btn-white btn-xs margin-top" type="button">速比涛</button>
									<button class="btn btn-white btn-xs margin-top" type="button">速比涛</button>
									<button class="btn btn-white btn-xs margin-top" type="button">速比涛</button>
									<button class="btn btn-white btn-xs margin-top" type="button">速比涛</button>
									<button class="btn btn-white btn-xs margin-top" type="button">速比涛</button></div>
							</div>
						</div>
					</div>
		        	<div class="col-sm-9"  >
						<div class="ibox-content">
						
						</div>
										
		    		</div>
				</div>
			</div>
			</main>
    <footer>
         <div class="container">
         
            <div class="copy text-center">
               Copyright 2017 <a href='#'>lexy's blog</a>
            </div>
            
         </div>
    </footer>
	<div id="modal-form" class="modal inmodal fade"  role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-7 b-r">
                            <h3 class="m-t-none m-b">登录</h3>

                            <p>欢迎登录本站(⊙o⊙)</p>

                            
                        <form role="form"  id="loginForm" >
                                <div class="form-group">
                                    <label>用户名：</label>
                                    <input id="cname" name="name" placeholder="请输入用户名" class="form-control" required="" aria-required="true">
                                </div>
                                <div class="form-group">
                                    <label>密码：</label>
                                    <input id="cpwd" name="pwd"type="password" placeholder="请输入密码" class="form-control" required="" aria-required="true">
                                </div>
                                <div>
                                    <button id="sign-btn" class="btn btn-sm btn-primary pull-right m-t-n-xs" type="button" ><strong>登录</strong>
                                    </button>
                                   <label class="">
                                        <div class="icheckbox_square-green" style="position: relative;"><input type="checkbox" class="i-checks" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
                                        	自动登录
                               		</label>
                                </div>
                        </form>
                        </div>
                        <div class="col-sm-5">
                            <h4>还不是会员？</h4>
                            <p>您可以注册一个账户</p>
                            <p class="text-center">
                                <a href="toRegisterPage"><i class="fa fa-sign-in big-icon"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 隐藏  -->
    
	<input type="hidden" id="enFlag" value="${enFlag}">    
    
    <!-- 全局js -->
	<script src="view/plugins/jquery/jquery-1.8.3.min.js"></script>
	<script src="view/plugins/bootstrap/js/bootstrap.min.js"></script>
	
	    <!-- jQuery Validation plugin javascript-->
    <script src="view/plugins/validate/jquery.validate.min.js"></script>
    <script src="view/plugins/validate/messages_zh.min.js"></script>
    
    	<script src="view/rec/index/js/mocha.min.js"></script>
		<script src="view/rec/index/js/slideout.js"></script>
    
    <script>
      

      var slideout = new Slideout({
        
        'panel': document.getElementById('panel'),
        'menu': document.getElementById('menu'),
        'padding': 256,
        'tolerance': 70,
        'easing': 'linear'
      });

      // Toggle button
      document.querySelector('.btn-hamburger.js-slideout-toggle').addEventListener('click', function() {
        slideout.toggle();
      });
    
     
    </script>
    </body>
</html>